/* ----- STRUCTURE HAUT PAGE >>>>>------ */
body {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333333;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	}
#global {
	padding-right: 10px;
}
#marge {
	margin:20px 0px 0px 0px;
}
.marge {
	padding:0px 0px 110px 0px;
}
#clear, .clear{
	clear:both;
}

/* Layout helpers
----------------------------------*/
form{ margin:0; padding:0; }
img{border:none}
.clear-fix {clear: both; font-size: 0; height: 0; line-height: 0;}
.floatLeft{float:left;}
.floatRight{float:right;}
.hidden {font-size: 1px; height: 1px; left: 0pt; overflow: hidden; position: absolute; top: -5000px; width: 1px;}
.majuscule{text-transform: uppercase;}
.capitalize{text-transform: capitalize;}

.spacer {
	background-image:  url(../../../../../img/portail/spacer.gif);
}
/* ----- MISE EN FORME TEXTES >>>>>------ */
h1 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.10em;
	font-weight: bold;
}
h2 {	
	font-size: 0.9em;
	font-weight: bold;
}

h3 {	
	font-size: 0.8em;
	font-weight: bold;
}


.lineH {
	line-height: 1.6em;
}
a {	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	text-decoration:underline;
}
a:hover {	
	text-decoration:none;
}
.lien_underline, .lien_underline:hover {	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	text-decoration:underline;
}
.lien_underline:hover {	
	text-decoration:none;
}
.lien_blanc {	
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
}
.lien_blanc:hover {	
	text-decoration:underline;
}
.menuTxt {	
	color: #9999CC;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration:none;
}
.menuTxt:hover {	
	color: #666699;
 	text-decoration:underline;
}

.titreAppli {
	font-size: 1.4em;
	font-weight: normal;
	color: #333333;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.titre {
	font-size: 0.9em;
	font-weight: bold;
	color: #333333;
	padding:5px 0px 10px 10px;
}

.titreBlock {
	font-size: 1.0em;
	font-weight: bold;
	color: #333333;
	padding:5px 0px 10px 10px;
	margin:0px 0px 0px 0px;
}

.titreEdito {
	font-size: 1.3em;
	font-weight: bold;
	text-decoration:underline;
	color: #66CCCC;
	padding:5px 0px 10px 10px;
}

.titrePliable {
	padding:0px 0px 0px 25px;
	margin:0px 0px 0px 0px;
}

.titreBlockPliable {
	font-size: 1.0em;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.titreEditoPliable {
	font-size: 1.3em;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.subTitreBlockPliable {
	color: #333333;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.subTitrePliable {
	color: #333333;
	padding:0px 0px 0px 15px;
	margin:0px 0px 0px 0px;
}

.subTitreBlock {
	color: #333333;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 10px;
}

.edito {
	font-size: 0.8em;
	font-weight: bold;
	color: #333333;
	padding:5px 0px 0px 10px;
}
.intro {
	font-size: 0.9em;
	font-weight: bold;
	color: #333333;
	padding:5px 0px 10px 0px;
}
.alTitre {
	font-size: 1.3em;
	font-weight: bold;
	color: #FF3300;
	padding:0px 0px 5px 10px;
}
.liensRefTitre {
	font-size: 1.3em;
	font-weight: bold;
	color: #999999;
	padding:0px 0px 5px 10px;
}
.indexAppliTitre {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	padding:5px 0px 0px 8px;
}
.txtIdentif1 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.9em;
}
.txtIdentif2 {
	color: #C2C2D6;
	font-weight: bold;
	font-size: 0.9em;
}
.gras {
	font-weight: bold;
}
.grasU {
	font-weight: bold;
	text-decoration: underline;
}
.grasVert {
	color:#669900;
	font-weight: bold;
	text-decoration: underline;
}
.grasRouge {
	color:#FF3300;
	font-weight: bold;
}
.grasBlanc {
	color:#FFFFFF;
	font-weight: bold;
}
.grasRougeU {
	color:#FF3300;
	font-weight: bold;
	text-decoration: underline;
}
.titrePagination {
	font-size: 0.9em;
	font-weight: normal;
	color: #333333;
	padding:5px 0px 10px 10px;
}
/* ----- TABLEAU >>>>>------ */
.borderBleu {
	padding:0px 0px 0px 5px;
	margin : 0px 0 0 0;
	background-image: url("../../resources/img/portail/borderBleu.gif");
	background-repeat : repeat-y;
	width:auto !important;
}
	
.noBorder {
	padding:0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	/* Ajouté pour IE */
	/width: 99%;
}

.borderRouge {
	padding:0px 0px 0px 5px;
	margin : 20px 0 0 0 !important;
	background-image: url(../../../../../img/portail/borderRouge.gif);
	background-repeat : repeat-y;
	width:auto !important;
}
.borderBleu1 {
	padding:0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	background-image: url(../../../../../img/portail/borderBleu.gif);
	background-repeat : repeat-y;
}
table, tr, td {
	margin:0px;
	padding:0px;
}
.flecheTri {
	background-image:  url(../../../../../img/portail/flecheTri.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 8pt;
	margin: 0px 0px 0px 2px;
	padding:0px 0px 0px 8px;
}
/* ----- BOUTONS INFO ET POINT D'EXCLAMATION>>>>>------ */
.btInfo {
	background-image:  url(../../../../../img/portail/btInfo.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 15pt;
	margin: 0px 0px 0px 8px;
	padding:0px 0px 0px 12px;
}

a.btInfoRollOver {
	/*background:transparent url(../../../../../img/portail/btInfo.gif) no-repeat scroll center bottom;*/
	font-size:0.9em;
	margin:0 0 -5px 1px;
	padding:5px 5px 1px 5px;
	
	position:relative;
	text-decoration:none;
	/* Ajouté pour IE */
	/height:1%;
	
	display: inline;
	overflow: hidden;
}

a.btInfoRollOver > img {
	margin:0;
	padding:0;
	border-style:none;
	position:relative;
	top:5px;
}

a.btExclamRollOver {
	/*background:transparent url(../../../../../img/portail/btExclam.gif) no-repeat scroll center bottom;*/
	font-size:0.9em;
	margin:0 0 -5px 1px;
	padding:5px 5px 1px 18px;
	
	position:relative;
	text-decoration:none;
	/* Ajouté pour IE */
	/height:1%;
	
	display: inline;
	overflow: hidden;
}

.infoBulle {
	display: inline;
	position:relative;
}
	
.infoBulleContainer {
	visibility:hidden;
	position:absolute;
	left:-165px;
	top:30px;
	width:200px;
	color:#333333;
}

.infoBulleZindex{
	position:relative;
}	

.infoBulleTop {
	visibility:inherit;
	background:transparent url(../../../../../img/portail/btExclamFondFlecheDroite.gif) no-repeat scroll 0 0;
	height: 15px;
}

.infoBulleBottom {
	visibility:inherit;
	width:196px;
	border-bottom:2px solid black;
	border-left:2px solid black;
	border-right:2px solid black;
	background-color:#ffffff;
}

.infoBulleBottom span{
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin: 0px 5px 5px 5px;
}

.infoBulleErreurContainer {
	visibility:hidden;
	position:absolute;
	left:-360px;
	top:30px;
	width:390px;
	color:#ff3300;
	z-index:3;
}

.infoBulleErreurTop {
	visibility:inherit;
	background:transparent url(../../../../../img/portail/btExclamRougeFondFlecheDroite.gif) no-repeat scroll 0 0;
	height: 15px;
}

.infoBulleErreurBottom {
	visibility:inherit;
	width:386px;
	border-bottom:2px solid #ff3300;
	border-left:2px solid #ff3300;
	border-right:2px solid #ff3300;
	background-color:#ffffff;
}

.infoBulleErreurBottom span{
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin: 0px 5px 5px 5px;
}

a.btExclamRougeRollOver {
	/*background:transparent url(../../../../../img/portail/btExclamRouge.gif) no-repeat scroll center bottom;*/
	font-size:0.9em;
	margin:0 0 -5px 1px;
	padding:5px 5px 1px 5px;
	
	position:relative;
	text-decoration:none;
	/* Ajouté pour IE */
	/height:1%;
	
	display: inline;
	overflow: hidden;
}
	
a.btExclamRougeRollOver > img {
	margin:0;
	padding:0;
	border-style:none;
	position:relative;
	top:5px;
}

a.btInfoViolet {
	position:relative; 
	top:2px;
	z-index:24;
	background-image:  url(../../../../../img/portail/btInfoV.gif);
	width: 30px;
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 10pt;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding:1px 0px 0px 15px;
	white-space: nowrap;
}
a.btInfoLock {
	position:relative; 
	top:-2px;
	z-index:24;
	background-image:  url(../../../../../img/portail/lock02.png);
	width: 30px;
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 10pt;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding:1px 0px 0px 15px;
	white-space: nowrap;
}
a.btInfoViolet span{
	display: none;
	position:absolute;
	top:23px;
	left:-60px;
	padding:12px 6px 2px 6px;
	color:#E0E0EB;
    font-weight:bold;
	background: #666699 url(../../../../../img/portail/infovioletFond.gif) top left no-repeat;
	
}
a.btInfoViolet:hover span{ 
	display:block; 
}

/* --- AJOUT POUR INFO BULLE SOUS IE6 --- */
a.btExclamRollOver:hover {
	overflow: visible;
}

a.btExclamRougeRollOver:hover {
	overflow: visible;
}

/*	Tableau éditable, row en erreur
-----------------------------------*/
.rich-table-row-with-error{
	background: #FF6666 !important;
}
.rich-table-row-with-error .msgContextuelRed,
.rich-table-row-with-error .msgContextuel,
.rich-table-row-with-error a,
.rich-table-row-with-error a span{
	color: white;
}

/*	Messages modaux (popup)
-----------------------------------*/
.popup{padding: 1em;}
.popup-inner-wrapper{
	background: transparent url("../../../../../img/portail/borderRouge.gif") top left repeat-y;
	padding-left: 5px;
}
.popup-titre{font-size: 1.1em; font-weight: bold; padding: 5px 0 10px 10px;}  
.popup-content{
	font-size: 1em;
	padding: 10px;
	color: #333333;
	background-color: #EBEBEB;
}
.popup a{font-size: 1em; margin-left: 2em;}

/*	Guide métier et aide en ligne
-----------------------------------*/
#guide-metier {
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	float: right;
}
#aide-en-ligne {
	margin: 3px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	float: right;
}
.lien-popup img{border: none;}

#navPuces {
	margin:0px 0px 0px 0px;
	overflow:hidden;
}

/* Pied de page
-----------------------------------*/
#piedPage{position: relative; color: #333333; font-size: 0.85em; font-weight: bold; padding: 2px 0px 0px 0px;}
#piedPage a{color: #333333; font-weight: bold; text-decoration: none;}
#piedPage a:hover{text-decoration: underline;}

#piedPage .PPTxt, #piedPage .PPTxt2 {padding:0px; margin: 0px; }
#piedPage .displayPerimetreAgentConnecte {text-decoration:none !important;}
#piedPage .displayPerimetreAgentConnecte #perimetreBox {display:none; padding:2px 3px; margin-left:10px; background:#FFFFFF; font-weight: normal;}
#piedPage .displayPerimetreAgentConnecte:hover #perimetreBox {display:inline; position:absolute; border:1px solid #cccccc; top: -25px;}

/* Navigation agent
-----------------------------------*/
.navigation-agent{display: inline;}
.navigation-agent .navigation-agent-box{text-align: right; margin-bottom: 0.8em;}
.navigation-agent .navigation-agent-box-bottom{border-top: 0.4em solid #666999; margin-bottom: 1.5em;}
.navigation-agent .navigation-agent-box .navigation-agent-separateur{
	font-weight: bold;
	margin: 0 0.5em 0 0.3em;
}
.navigation-agent .navigation-agent-box .navigation-agent-link{
	font-weight: bold;
	text-decoration: none;
}

/* sirhen:panel
----------------------------------*/
.sirhen-panel {}
.sirhen-panel-pliable{margin: 0 0 0 -20px;}

/**	Les titres */
.panel-titre {padding: 0.5em 0 1em 0.73em; margin: 0;}
.panel-titre-box{overflow: hidden;}
.panel-titre-box .panel-titre *{font-weight: bold;}
.panel-titre-box .titre-edito *{color: #66CCCC; font-size: 1.3em;}

/**	Les titres pliables */
.panel-titre-box .linkPlierPanel {text-decoration: none; padding-left: 2em}
.panel-titre-box .linkPlierPanel:hover span {text-decoration: underline;}
.sirhen-panel-pliable .panel-titre{
	background: transparent url("../../../../../img/portail/flmenuOn.gif") left 1em no-repeat;
	margin-left: -17px;
	padding-left: 0;
}

/**	Le contenu	*/
.panel-content-box {overflow: visible;}
.panel-sans-border, .panel-border{padding-left: 25px;}
.panel-border {background: transparent url("../../../../../img/portail/fond_bloc.gif") top left repeat-y;}

/**	Le contenu pliable */
.sirhen-panel-pliable .panel-togglable-box {overflow: visible;}
.sirhen-panel-pliable .panel-bottom-box {padding-left: 20px;}

/**	Le panel ferme	*/
.bloc-ferme .panel-titre-box .panel-titre {
	background: transparent url("../../../../../img/portail/flmenuOff.gif") left 1em no-repeat;
}
.bloc-ferme .panel-togglable-box {display: none;}


/* sirhen:panelEdito
----------------------------------*/
.panel-edito-content {
	background: url("../../../../../img/portail/fond_edito.gif") repeat-y scroll left top transparent;
	margin: 0 0 0 -20px;
	padding: 0 0 0 35px;
}
.panel-titre-edito{
    background: url("../../../../../img/portail/borderBleu.gif") repeat-y top left;
    margin: 0 0 0;
    padding: 0 0 0 15px;
}
.panel-titre-edito h2{color: #66CCCC; font-size: 1.3em;}
.panel-edito-content .panel-edito-section{padding-top: 1.5em;}
.panel-edito-content .panel-edito-section:first-child{padding-top: 0.5em;}
.panel-edito-content .panel-edito-section-titre{padding: 0;	margin: 0 0 0.25em 0;}

/* Fil d'Ariane et titre appli
----------------------------------*/
#titreAppli {font-size: 1.3em; font-weight: bold;}
#cheminNavTitre {float: left; margin:0px !important; width:80%;}
#cheminNav {font-size: 0.9em; font-weight: bold; margin: 3px 0px 0px 0px;}
#cheminNav a.lienCheminNav {font-weight: bold;	text-decoration:none;}
#cheminNav a.lienCheminNav:hover {text-decoration:underline;}


/* Menu de gauche
----------------------------------*/
#menu-gauche { margin:0px; padding: 5em 0 0 0; width: 150px; }
#menu-gauche a{text-decoration: none; display: block; color:#333333;}
#menu-gauche a:hover{text-decoration: underline;}
#menu-gauche ul, #menu-gauche li{list-style: none; padding: 0; margin: 0;}

/** menu	*/
#menu-gauche .menu-niveau-a{}
#menu-gauche .menu-niveau-a li{}
#menu-gauche .menu-niveau-a a{border-top: 1px solid #999; font-weight: bold; padding: 0.8em 0 0.8em 0.8em;}
#menu-gauche .menu-niveau-a .puceNiveau1{background-position: left 5px;}

/** sous menu */
#menu-gauche .menu-niveau-b{border-top: 1px solid #999;}
#menu-gauche .menu-niveau-b li{padding-left: 1.2em;}
#menu-gauche .menu-niveau-b a{border: none; font-size: 0.9em; padding: 0.4em 0 0.4em 0em; font-weight: normal;}
#menu-gauche .menu-niveau-b .puceNiveau1{background-position: 4px -3px;}

/** sous sous menu */
#menu-gauche .menu-niveau-c{}
#menu-gauche .menu-niveau-c li{padding-left: 0.8em;}
#menu-gauche .menu-niveau-c a{border: none; font-weight: normal;}
#menu-gauche .menu-niveau-c .puceNiveau1{background-position: left -3px;}